<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="applicable-device" content="pc" />
    <title>会员中心商城首页</title>
    <meta name="keywords" content="KEYWORD" />
    <meta name="description" content="DESCRIPTION" />
    <link rel="stylesheet" href="./public/css/common.min.css"/>
    <link rel="stylesheet" href="./css/uc-index.min.css"/>
  </head>
  <body>
    <!--begin: 顶部信息条-->
    <div class="top-bar">
        <div class="container">
            <div class="fl">
                <ul class="clearfix">
                    <li><a class="color-f70" href="#">入驻花仙商城</a></li>
                    <li class="drop wechat ml40">
                        <a class="drop-opr">关注微信接单<i class="icon-arrow"></i></a>
                        <div class="drop-more">
                          <img src="./images/qrcode.png" width="140" height="140" alt="微信公众号" />
                          <p class="mt10 tc">关注微信接单</p>
                        </div>
                    </li>
                    <li class="drop city ml45" id="cityPicker">
                        <a class="drop-opr"><span class="j-cityNow">合肥</span><i class="icon-arrow"></i></a>
                        <div class="drop-more">
                          <div class="color-9">当前城市：<b class="j-cityNow color-3">合肥</b><a class="ml5 color-f70" href="javascript:;">[设为默认城市]</a></div>
                          <div id="cityWrap"></div>
                        </div>
                    </li>
                    <li class="ml20"><a href="#">花店地图</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul class="clearfix">
                    <li class="download drop">
                        <a class="drop-opr" href="#"><i class="icon-mobile"></i>APP下载<i class="icon-arrow"></i></a>
                        <div class="drop-more">
                            <div class="qrcode clearfix">
                                <span class="img fl"><img src="./images/qrcode.png" width="140" height="140" alt="下载APP"></span>
                                <div class="fl">
                                    <p>扫描下载花密欧APP</p>
                                    <a class="ios mt15" href="#">App store下载</a>
                                    <a class="android mt15" href="#">Android下载</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="ml30"><a href="#">收藏花店</a></li>
                    <li class="ml30"><a href="#">帮助中心</a></li>
                    <li class="ml30"><a href="#">客服工单</a></li>
                    <li class="login ml20"><a href="#">登录</a></li>
                    <li class="register ml20"><a href="#">注册</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--end: 顶部信息条-->
    <!--begin: 头部导航-->
    <div class="header">
      <div class="container">
        <a class="fl logo" href="#"><img src="./public/img/logo-min.png" width="87" height="43" alt="logo"/></a>
        <div class="nav-header fl">
          <ul class="clearfix">
            <li class="active"><a href="#"><i class="icon-angle"></i>后台首页</a></li>
            <li><a href="#"><i class="icon-angle"></i>账户设置</a></li>
            <li><a href="#"><i class="icon-angle"></i>我的商城</a></li>
            <li><a href="#"><i class="icon-angle"></i>消息</a></li>
          </ul>
        </div>
        <div class="fr search-bar clearfix">
          <label for="inputSearch">请输入内容</label>
          <input class="fl input" type="text" id="inputSearch" />
          <button class="fl btn" type="button">搜索</button>
        </div>
      </div>
    </div>
    <!--end: 头部导航-->
    <div class="main">
      <div class="main-in clearfix">
        <!--begin: 侧边导航-->
        <div class="nav-side fl">
          <dl>
            <dt><i class="icon-n1"></i>接单中心</dt>
            <dd><a href="#">未配送订单<span class="color-f70">(10)</span></a></dd>
            <dd><a href="#">已完成订单</a></dd>
            <dd><a href="#">问题订单</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n2"></i>下单中心</dt>
            <dd><a href="#">未配送订单<span class="color-f70">(10)</span></a></dd>
            <dd><a href="#">已完成订单</a></dd>
            <dd><a href="#">问题订单</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n3"></i>账户设置</dt>
            <dd><a href="#">账户余额</a></dd>
            <dd><a href="#">账户安全</a></dd>
            <dd><a href="#">我要充值</a></dd>
            <dd><a href="#">申请提现</a></dd>
            <dd><a href="#">我的银行卡</a></dd>
            <dd><a href="#">交易明细</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n4"></i>特色服务</dt>
            <dd><a href="#">交纳保证金</a></dd>
            <dd><a href="#">实名认证</a></dd>
            <dd><a href="#">订单推送设置</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n5"></i>基础设置</dt>
            <dd><a href="#">基本资料</a></dd>
            <dd><a href="#">店铺设置</a></dd>
            <dd><a href="#">坐标设置</a></dd>
            <dd><a href="#">接单范围</a></dd>
            <dd><a href="#">快捷登录</a></dd>
          </dl>
          <dl>
            <dt><i class="icon-n6"></i>快捷工具</dt>
            <dd><a href="#">打印模版</a></dd>
            <dd><a href="#">下单模版</a></dd>
          </dl>
        </div>
        <!--end: 侧边导航-->
        <!--beigin: 内容部分-->
        <div class="wrapper">
          <!--用户信息-->
          <div class="clearfix bg-white user">
            <div class="fl avatar"><img src="./images/avatar.jpg" width="136" height="136" alt="头像"/></div>
            <dl class="fl ml25 text">
              <dt>店铺名称： 合肥伊人花店</dt>
              <dd>
                <span>好评率： <b class="color-f70">100%</b></span>
                <span class="ml40">接单率： <b class="color-f70">100%</b></span>
              </dd>
              <dd class="clearfix">
                <span class="fl">信誉等级：</span>
                <div class="fl bar-star" id="star"></div>
              </dd>
              <dd class="clearfix">
                <span class="fl">资料完整度：</span>
                <div class="fl bar-progress"><div style="width: 25%"></div></div>
                <b class="fl ml15 color-f70">25%</b>
                <a href="#" class="fl ml25 color-blue">立即完善</a>
              </dd>
            </dl>
            <div class="fr clearfix enter">
              <a class="fl" href="#"><i class="icon-e1"></i>去抢单</a>
              <a class="fl ml40" href="#"><i class="icon-e2"></i>去下单</a>
            </div>
          </div>
          <!--账户信息-->
          <div class="clearfix bg-white mt20 money">
              <ul class="clearfix">
                  <li>
                      <h6>接单支入</h6>
                      <div class="num"><b>8680</b>元</div>
                      <p><a href="#">查看</a></p>
                  </li>
                  <li>
                      <h6>下单支出</h6>
                      <div class="num"><b>8680</b>元</div>
                      <p><a href="#">查看</a></p>
                  </li>
                  <li>
                      <h6>我的余额</h6>
                      <div class="num"><b>8680</b>元</div>
                      <p><a href="#">去充值</a><i class="split-line">|</i><a href="#">去提现</a></p>
                  </li>
                  <li>
                      <h6>已交纳保证金</h6>
                      <div class="num"><b>8680</b>元</div>
                      <p><a href="#">去交纳</a></p>
                  </li>
              </ul>
          </div>
          <!--我的订单-->
          <div class="clearfix mt20 order">
              <div class="fl bg-white">
                  <h5 class="box-title">我接的单</h5>
                  <ul class="clearfix">
                      <li><i class="icon-r1"></i><span>未配送<a class="color-f70" href="#">0</a></span></li>
                      <li><i class="icon-r2"></i><span>待确认<a class="color-f70" href="#">20</a></span></li>
                      <li><i class="icon-r3"></i><span>已完成<a class="color-f70" href="#">5</a></span></li>
                      <li><i class="icon-r4"></i><span>问题订单<a class="color-f70" href="#">100</a></span></li>
                  </ul>
              </div>
              <div class="fl bg-white ml20">
                  <h5 class="box-title">我下的单</h5>
                  <ul class="clearfix">
                      <li><i class="icon-r1"></i><span>未配送<a class="color-f70" href="#">0</a></span></li>
                      <li><i class="icon-r2"></i><span>待确认<a class="color-f70" href="#">20</a></span></li>
                      <li><i class="icon-r3"></i><span>已完成<a class="color-f70" href="#">5</a></span></li>
                      <li><i class="icon-r4"></i><span>问题订单<a class="color-f70" href="#">100</a></span></li>
                  </ul>
              </div>
          </div>
          <!--规则中心&优秀花店-->
          <div class="clearfix mt20 recommend">
              <div class="fl bg-white">
                  <h5 class="box-title">规则中心<a href="#">更多》</a></h5>
                  <ul class="rules-list">
                      <li><a href="#">今日新规则发布<span class="time">2017-12-12</span></a></li>
                      <li><a href="#">今日新规则发布今日新规则发布今日新规则发布今日新规则发布今日新规则发布<span class="time">2017-12-12</span></a></li>
                      <li><a href="#">今日新规则发布<span class="time">2017-12-12</span></a></li>
                      <li><a href="#">今日新规则发布<span class="time">2017-12-12</span></a></li>
                      <li><a href="#">今日新规则发布<span class="time">2017-12-12</span></a></li>
                  </ul>
              </div>
              <div class="fl bg-white ml20">
                  <h5 class="box-title">优秀花店<a href="#">更多》</a></h5>
                  <ul class="shop-list">
                      <li class="clearfix">
                          <a class="img fl" href="#"><img src="./images/img-shop-1.jpg" width="93" height="85" alt="花店" /></a>
                          <div class="text">
                              <h6><a href="#">合肥伊人花店</a></h6>
                              <p>好评率： <b class="color-f70">100%</b></p>
                              <p>接单数： <b class="color-f70">152566单</b></p>
                          </div>
                      </li>
                      <li class="clearfix">
                          <a class="img fl" href="#"><img src="./images/img-shop-1.jpg" width="93" height="85" alt="花店" /></a>
                          <div class="text">
                              <h6><a href="#">合肥伊人花店</a></h6>
                              <p>好评率： <b class="color-f70">100%</b></p>
                              <p>接单数： <b class="color-f70">152566单</b></p>
                          </div>
                      </li>
                  </ul>
              </div>
          </div>
        </div>
        <!--end: 内容部分-->
      </div>
    </div>
    <!--begin: 底部-->
    <div class="footer">
      <div class="container f-top">
        <ul class="clearfix">
          <li><i class="icon-f1"></i><h6>免费配送</h6><p>全国大部分市区免费配送</p></li>
          <li><i class="icon-f2"></i><h6>10年品牌</h6><p>10年鲜花品牌，值得信赖</p></li>
          <li><i class="icon-f3"></i><h6>新鲜花材</h6><p>昆明新鲜花材，现做现送</p></li>
          <li><i class="icon-f4"></i><h6>3h可达</h6><p>全国连锁，快至3h送达</p></li>
          <li><i class="icon-f5"></i><h6>无忧售后</h6><p>质量问题全额退款</p></li>
        </ul>
      </div>
      <div class="container f-nav">
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">用户服务协议</a></dd>
          <dd><a href="#">购物流程指南</a></dd>
          <dd><a href="#">支付流程说明</a></dd>
          <dd><a href="#">售后服务政策</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">用户服务协议</a></dd>
          <dd><a href="#">购物流程指南</a></dd>
          <dd><a href="#">支付流程说明</a></dd>
          <dd><a href="#">售后服务政策</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">配送服务说明</a></dd>
          <dd><a href="#">快递配送说明</a></dd>
          <dd><a href="#">配送范围及费用</a></dd>
          <dd><a href="#">定时配送及费用</a></dd>
        </dl>
        <dl class="fl">
          <dt>新手指南</dt>
          <dd><a href="#">在线支付</a></dd>
          <dd><a href="#">转账汇款</a></dd>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">上门收款</a></dd>
        </dl>
        <div class="fl qrcode">
          <span class="img"><img src="./public/img/qrcode-huamill.png" width="104" height="104" alt="花密欧公众号"/></span>
          <p>花密欧公众号</p>
        </div>
        <div class="fl last">
          <b class="tel">0551-164215200</b>
          <p>周一至周六 8:00-24:00<br/>周末 9:00-18:00</p>
          <a class="btn-ask" href="javascript:;" target="_self"><i></i>在线咨询</a>
        </div>
      </div>
      <div class="copy">
        <div class="container">
          <div class="link">
            <a href="#">关于我们</a><i class="line">|</i>
            <a href="#">安全隐私</a><i class="line">|</i>
            <a href="#">订购流程</a><i class="line">|</i>
            <a href="#">招聘英才</a><i class="line">|</i>
            <a href="#">帮助中心</a><i class="line">|</i>
            <a href="#">客服中心</a><i class="line">|</i>
            <a href="#">鲜花百科</a>
          </div>
          <p class="mt10">Copyright 2007-2017 cyzone.cn All rights reserved 京ICP证070362号 京ICP备08103950号 新出发京零字第朝140005号</p>
        </div>
      </div>
    </div>
    <!--end: 底部-->
    <script type="text/javascript" src="./public/js/jquery.min.js"></script>
    <script type="text/javascript" src="./plugin/citypicker/citypicker.js"></script>
    <script type="text/javascript" src="./plugin/raty/jquery.raty.min.js"></script>
    <script type="text/javascript" src="./public/js/common.js"></script>
    <script>
      $(function(){
        $('#star').raty({ 
          readOnly: true, 
          score: 3.5,
          path: 'public/img'
        });
      });
    </script>
  </body>
</html>